<!-- 属性的绑定 -->
<!-- 1、绑定静态内容 -->
<p title="我是title">pink title</p>
<!-- 2、绑定动态内容  -->
<!-- 直接在属性上使用mustache语法 -->
<p title="{{ name }}">pink title 属性的绑定</p>
<!-- 使用中括号绑定 vue中相当于v-bind或者: react中相当于jsx的绑定 -->
<p [title]="name">pink title 属性的绑定</p>

<hr />
<!-- 事件的绑定 -->
<!-- 使用()绑定 vue中相当于v-on或者@ react中相当于jsx的绑定传递事件 -->

<button (click)="btnClick()">点击打印名称</button>
<br />
<button (click)="add(1)" class="btn">+</button>{{ count
}}<button class="btn" (click)="add(-1)">-</button>
